<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自如</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/index_02.css">
</head>
<body>
    <header>
        <div class="header_nav">
            <div class="logo">
                <img src="../img/logo-01.png" alt="">
                <div class="city">
                    <span>成都</span>                   
                    <ul class="col_city">
                        <li><a href="#">北京</a></li>
                        <li><a href="#">上海</a></li>
                        <li><a href="#">深圳</a></li>
                        <li><a href="#">杭州</a></li>
                        <li><a href="#">南京</a></li>
                        <li><a href="#">成都</a></li>
                        <li><a href="#">武汉</a></li>
                        <li><a href="#">广州</a></li>
                        <li><a href="#">天津</a></li>
                    </ul>
                    
                </div>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#" class="nav first">首页</a></li>
                    <li><a href="#" class="nav">租房</a></li>
                    <li><a href="#" class="nav">自如驿</a></li>
                    <li><a href="#" class="nav">自如寓</a></li>
                    <li><a href="#" class="nav">民宿</a></li>
                    <li><a href="#" class="nav">服务</a></li>
                    <li><a href="#" class="nav">生活</a></li>
                    <li><a href="#" class="nav">企悦会</a></li>
                    <li><a href="#" class="nav">加入我们</a></li>
                    <li class="APP">
                        <a href="#" class="nav">APP下载</a>
                        <div class="erweima_box">
                            <div class="sanjiao"></div>
                            <div class="erweima">
                                <img src="../img/erweima.png" alt="">
                                <p>扫码下载APP</p>
                            </div>
                        </div>
                    </li>
                    <li class="rent"><a href="#">成为房东</a></li>
            </div>
            <div class="login">
                <p>登录</p>
                <p>注册</p>
            </div>
        </div>
    </header>
    <section>
        <div class="banner">
            <ul>
                <li>
                    <img src="../img/banner_01.jpg" alt="">
                </li>
                <li>
                    <img src="../img/banner_02.jpg" alt="">
                </li>
                <li>
                    <img src="../img/banner_03.jpg" alt="">
                </li>
                <li>
                    <img src="../img/banner_01.jpg" alt="">
                </li>
            </ul>
        </div>
    </section>
    <div class="entrance">
        <div class="entrance_main">
            <ul>
                <li class="entrance_01">
                    <img src="../img/entrance01.jpg" class="entrance_01_img" alt="">
                    <div class="entrance_box01_out">
                        <div class="entrance_box1_in">
                            <h2>租房</h2>
                            <p>合租/整租</p>
                            <img src="../img/right_icon_01.png" alt="">
                        </div>
                    </div>    
                </li>
                <li class="entrance_02">
                    <img src="../img/entrance02.jpg" class="entrance_02_img" alt="">
                    <div class="entrance_box01_out">
                        <div class="entrance_box1_in">
                            <h2>租房</h2>
                            <p>合租/整租</p>
                            <img src="../img/right_icon_01.png" alt="">
                        </div>
                </li>
                <li class="entrance_03">
                    <img src="../img/entrance03.jpg" class="entrance_03_img" alt="">
                    <div class="entrance_box01_out">
                        <div class="entrance_box1_in">
                            <h2>租房</h2>
                            <p>合租/整租</p>
                            <img src="../img/right_icon_01.png" alt="">
                        </div>
                </li>
                <li class="entrance_04">
                    <img src="../img/entrance04.jpg" class="entrance_04_img" alt="">
                    <div class="entrance_box01_out">
                        <div class="entrance_box1_in">
                            <h2>租房</h2>
                            <p>合租/整租</p>
                            <img src="../img/right_icon_01.png" alt="">
                        </div>
                </li>
            </ul>
        </div>
        
    </div>
    <div class="title">
        <h2><img src="../img/title_bg1.png">优质租住环境<img src="../img/title_bg2.png"></h2>
        <p>/带来全新环保体验/</p>
    </div>
    <div class="banner_video">
        <div class="video_bg">
            <span>查看视频</span>
            <img class="word" src="../img/section_01_title.png">
            <p>优于国标E1级板材 I 环保认证装修材料 I 41道关键工序 I 空气密闭检测 I 空置30天入住</p>
        </div>
        <img src="../img/videoplay.png" alt="">
        
        
    </div>
    <div class="title_02">
        <h2><img src="../img/title_bg1.png">全面租住服务<img src="../img/title_bg2.png"></h2>
        <p>/简化日常繁琐生活/</p>
    </div>
    <div class="server">
        <div class="server_title"></div>
        <ul>
            <li>
                <span>01</span>
                <p>自如保洁</p>
            </li>
            <li>
                <span>02</span>
                <p>自如搬家</p>
            </li>
            <li>
                <span>03</span>
                <p>自如家修</p>
            </li>
        </ul>
        <div class="server_content">
            <div class="bg_img_01">
                <img src="../img/section_02_left.png" alt="">
            </div>
            <div class="bg_img_02">
                <img src="../img/slider01.jpg" alt="">
            </div>
            <div class="server_intro">
                <div class="server_intro_main">
                    <h1>自如保洁</h1>
                    <h2>下一刻，明亮如新</h2>
                    <span>自如旗下专业保洁品牌，成立八年至今，形成专属清洁服务标准——人员严选、工具放心、流程规范。为用户提供日常保洁、玻璃清洁等多样保洁产品，持续为市场提供高品质保洁服务。</span>
                </div>
            </div>
        </div>
    </div>
    <div class="title_03">
        <h2><img src="../img/title_bg1.png">丰富租住体验<img src="../img/title_bg2.png"></h2>
        <p>/聚合有趣青年玩转城市生活/</p>
    </div>
    <div class="experience">
        <ul>
            <li>
                <div class="box">
                    <img src="../img/ctn-01.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>2019自如国际胡同节</h2>
                    <p>1000+中外自如客在这座京城二环的百年院落里，一起玩转Bazinga4王争霸赛/CP匹配交友 / 京城最IN中英脱口秀 / Silent Disco… 拯救平线心电图，逛吃逛喝笑翻天。</p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-02.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>&nbsp;&nbsp;&nbsp;2019自如跨年趴</h2>
                    <p>喝最烈的酒，蹦最野的迪，700位自如客齐跨年，嗨皮共享金猪年，将欢乐和感动从2018带到2019。
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-03.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>自如驿跨年音乐会</h2>
                    <p>在三里屯团结自如驿穿越至90’s找寻旧时欢乐，超酷乐队嗨翻全场，惊喜抽奖、趣味游戏、童年零食和饮料……百位自如客携手倒计时喜提2019。
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-04.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>地下72小时遇见派对</h2>
                    <p>都市单身青年齐聚愚园路，这是一场聚集恋爱、游戏、音乐、艺术的社交派对。多个潮酷艺术装置，“CP”互动体验区，纵享沉浸式浪漫嗨心体验，开启跨越时空遇见。
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-05.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>直击万圣节鬼混现场</h2>
                    <p>五座城市，八场线下活动，五百位自如客参与，惊魂鬼屋、尖叫PK、捉鬼有礼、百鬼夜行……这个万圣节，自如与你一起“妆”神弄鬼，魔人狂欢一整夜！
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-06.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>&nbsp;&nbsp;&nbsp;自如西塘汉服节</h2>
                    <p>36位自如客的汉服体验之旅，36小时的沉浸式游戏互动。行烟雨长廊，驻足安境桥上，南湖有佳人，回忆梢上……
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-07.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>海洋球欢乐到家服务</h2>
                    <p>自如联合@西瓜PLAY，向全城自如客提供「PLAY玩乐球填充到家服务」！为自如客填充满屋子欢乐，在家也能重回烂漫童真，感受玩乐的奇妙。
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-08.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>自如生活节 | 看海人</h2>
                    <p>自如联合@自如联合什刹海共同打造了一间只存在14天的小隐隐于什刹海边的“海景房”，中秋夜和自如客们倚舟赏月，对酒当歌，一起吃蟹，祝大家节日快乐！
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-09.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>自如生活节 | 喜剧周末</h2>
                    <p>自如联合@17场脱口秀 / 3个展览 /2场SILENT DISCO / 1个独立书店，在北京夏天的尾巴里，史炎、ROCK等脱口秀大咖在安静的东二环内的自如Z-SPACE造了一个梦。
                    </p>
                </div>
            </li>
            <li>
                <div class="box">
                    <img src="../img/ctn-10.jpg" alt="">
                    <div class="zz"></div>                    
                    <h2>自如生活节 | 不房结婚</h2>
                    <p>七夕，自如生活节系列活动之“不房结婚”在北京二环内的四合院Z-SPACE举行。9对自如客新人齐聚三百年银杏树下，共同迈入了婚姻的殿堂。
                    </p>
                </div>
            </li>



        </ul>
    </div>
    <div class="title_04">
        <h2><img src="../img/title_bg1.png">自如新闻动态<img src="../img/title_bg2.png"></h2>
        <p>/自如大事记/</p>
    </div>
    <div class="news">
        <div class="news_content">
            <ul>
                <li>
                    <div class="news_left">
                        <div class="news_left_img_bg">
                            <div class="news_left_img">
                                <img src="../img/news-01.jpeg" alt="">
                                <div class="yellow">
                                    <img src="../img/right_icon_02.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>  
                </li>
                <li>
                    <div class="news_center">
                        <div class="news_center_main">
                            <p>海燕计划</p>
                            <h2>海燕计划第八季启动，毕业安心租房选自如</h2>
                            <span>5月6日，自如2020“海燕计划“第8季启动，面向应届毕业生推出“0首付、0押金、送搬家券”等多项福利，同时联合百度学术、腾讯视频、小米有品、拉勾、同程旅行、顺丰快运、屈臣氏、RIO、网易严选、全棉时代、查查呗等十余家品牌，为毕业生的品质租房生活保驾护航。</span>
                            <div class="news_center_icon">
                                <img src="../img/range_icon_left.png" alt=""><div class="line"></div>
                                <img src="../img/range_icon_right.png" alt="">
                            </div>
                         </div>
                    </div>
                </li>
                <li>
                    <div class="bg"></div>
                    <div class="news_right">
                        <div class="news_right_up">
                            <img class="up_img" src="../img/news-02.jpg" alt="">
                            <div class="zz2"></div>   
                                <h2>成都自如海燕计划形象大使</h2>
                                <p>后海大鲨鱼</p>                                                                           -->
                            <div class="side">
                                <div class="side_yello"></div>
                                <img class="side_icom" src="../img/right_icon_01.png" alt="">
                            </div>
                        </div>
                        <div class="news_right_down">
                            <img class="up_img" src="../img/news-03.jpg" alt="">
                            <div class="zz2"></div>  
                            <h2>自如的说出心里话</h2>
                            <p>毕业，在这个夏天</p>                                               
                            <div class="side">
                                <div class="side_yello"></div>
                                <img class="side_icom" src="../img/right_icon_01.png" alt="">
                            </div>
                        </div>
                    </div>
                </li>               
            </ul>          
        </div>
    </div>
    <div class="bottom">
        <div class="bottom_01">
            <ul class="bottom_01_intro">
                <li><a href="#">联系自如</a></li>
                <li><a href="#">加入我们</a></li>
                <li><a href="#">自如采购</a></li>
                <li><a href="#">隐私政策</a></li>
                <li><a href="#">网站地图</a></li>
            </ul>
        </div>
        <div class="bottom_02">
            <ul class="bottom_02_intro">
                <li><a href="#">友情链接</a></li>
                <li><a href="#">热门区域</a></li>
                <li><a href="#">地铁周边</a></li>
                <li><a href="#">热门城市</a></li>
                <li><a href="#">最新房源</a></li>
            </ul>
        </div>
        <div class="bottom_03">
            <ul class="bottom_03_intro">
                <li><a href="#">成都房产网</a></li>
                <li><a href="#">成都房产</a></li>
                <li><a href="#">重庆房产网</a></li>
                <li><a href="#">重庆房产</a></li>
            </ul>
        </div>
        <div class="footer">
            <div class="footer_icon">
                <img src="../img/logo-02.png" alt="">
            </div>
            <div class="footer_info">
                <ul>
                    <li><span>天津创享信息科技有限公司 Copyrigh-t©2020 ziroom.com 版权所有</span></li>
                    <li><span><img src="../img/pls.png">京公安网备 11010502035891号 津ICP备19002079号-2</span></li>
                    <li><span>违法和不良信息举报电话：4001001111-9 违法和不良信息举报邮箱：jubao@ziroom.com</span></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>